<!--
 * @Author: ganjiejie 8025279+ganjiejie@user.noreply.gitee.com
 * @Date: 2025-05-20 15:02:36
 * @LastEditors: ganjiejie 8025279+ganjiejie@user.noreply.gitee.com
 * @LastEditTime: 2025-05-21 16:44:07
 * @FilePath: \gj-vue3-vite-pinia-app\src\components\GoodsList.vue
 * @Description: 商品列表组件
 * 
 * Copyright (c) 2025 by ${git_name_email}, All Rights Reserved. 
-->
<template>
  <div class="goods-list">
    <GoodsItem v-for="item in goodsStore.goods" :key="item.id" :item="item" />
  </div>
</template>
<script setup>
import GoodsItem from "@/components/GoodsItem.vue";
import { useGoodsStore } from "@/store/goods.js";
const goodsStore = useGoodsStore();
console.log("useGoodsStore", goodsStore.goods[0]);
</script>
<style scoped>
.goods-list {
  height: calc(100vh - 80px);
  padding: 10px;
  overflow: auto;
}
</style>
